// import Vue from 'vue'
import Vue from '../node_modules/vue/dist/vue.js'
//导入app组件
import app from './app.vue'
//导入vue-router包
import VueRouter from 'vue-router'
//手动安装VueRouter
Vue.use(VueRouter)

//导入bootstrap样式
import 'bootstrap/dist/css/bootstrap.css'
import './css/app.css'
//导入mui样式
import './lib/mui/css/mui.min.css'

/* //导入全部Mint-UI组件
import MintUI from 'mint-ui' //把所有的组件都导入进来
//这里可以省略node_modules这一层目录
import 'mint-ui/lib/style.css'
//将MintUI安装到Vue中
Vue.use(MintUI) */

//按需导入Mint-UI组件
import {Button} from 'mint-ui'
//使用Vue.component 注册 按钮组件
Vue.component(Button.name,Button)

console.log(Button.name)

//导入自定义路由模块
import router from './router.js'

var vm = new Vue({
	el:'#app',
	data:{
		msg:"123"
	},
	/* components:{
		app
	}, */
	render: c => c(app), // render会把el指定的容器中，所有的内容都清空覆盖，所以不要把路由的router-view和router-link 直接写到el所控制的元素中

	router //路由
})



//注意: App这个组件,是通过VM实例的render 函数,渲染出来的，render 函数如果要渲染组件，渲染出来的组件,只能放到el: ，#app' 所指定的元素中;
// Account和GoodsList组件，是通过路由匹配监听到的，所以，这两个组件,只能展示到属于路由的<route r-view></ router-view>中去;
